<template>
    <div class="yuedu">
        <span class="iconfont icon-dui1"></span>
        <p>你又读完了一篇文章！</p>
        <h4><span class="iconfont icon-fenxiang"> &nbsp;分享</span><span class="iconfont icon-radio-checked-b">  &nbsp;马克</span></h4>
        <p>0次分享 · 0人马克</p>
    </div>
</template>

<script>
export default {

}
</script>

<style scoped lang="scss">

.yuedu{
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #ededed;
    margin: .75rem auto 0;
    text-align: center;
    overflow: hidden;
    .icon-dui1{
        width: .6rem;
        height: .6rem;
        display: block;
        background:#fee703;
        margin: .35rem auto .2rem;
        border-radius: 50%;
        text-align: center;
        line-height: .6rem;
        font-size: .24rem;

        
    }
    h4 span{
        line-height: .28rem;
        display: inline-block;
        width: .7rem;
        height: .28rem;
        background: #ffffff;
        border-radius:.4rem;
        margin: .2rem .04rem;
        color: #222222;

    }
    p{
        font-size: .12rem;
        color: #5b5b5b;
    }
}
</style>